<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<!--  <meta name="viewport" id="viewport" content="width=400">-->
	<title>支付提交</title>
	<link rel="stylesheet" href="./css/common.css">
	<script src="./js/jquery-1.11.3.js"></script>
</head>
<body>
	<div class="g-sp">
		<div class="m-sp-head">
			<img class="back" src="./images/back.png" alt=""><span class="tt">支付提交</span>
		</div>
		<div class="m-sp-tip">
			请您及时付款，以便订单尽快处理!在线支付金额 <span class="s-p-main">￥498</span>
		</div>
		<div class="m-sp-body">
			<div class="detail">
				<dl class="item">
					<dt class="tt">订单编号</dt>
					<dd class="cc">2016090916432500001</dd>
				</dl>
				<dl class="item">
					<dt class="tt">订单描述</dt>
					<dd class="cc">轩逸备件-轮胎</dd>
				</dl>
				<dl class="item">
					<dt class="tt">备注</dt>
					<dd class="cc">广州风日</dd>
				</dl>

			</div>
			<div class="style">
				<div class="tips">选择支付方式</div>
				<ul class="j-sp-tab">
					<li class="item ">
						<img class="zfb" src="./images/zfb_wap.png" alt="">
						<img class="act" src="./images/act.png" alt="">
					</li>
					<li class="item">
						<img class="wx"  src="./images/wx_wap.png" alt="">
						<img class="act f-hd" src="./images/act.png" alt="">
					</li>
				</ul>
			</div>
		</div>
		<div class="m-sp-foot">
			支付金额：<span class="s-p-main f-mr16">498.00</span>
			<span class="btn-sp-pay">确认支付</span>
		</div>
	</div>
	
	
	<script>
		$('.j-sp-tab li').on('click',function(){
			$('.j-sp-tab .act').hide();
			$(this).find('.act').show();
		})
	</script>
</body>
</html>